const $ = require("../../utils/util.js")

// pages/searchlist/searchlist.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    keyword: "",
    //展示的商品列表
    goodsList: [],
    //需要展示的规格的分类id
    fid: -1,
    //展示规格列表
    guigeList:[],
    //用于查询的规格对象
    queryGuige: {}
  },

  /**
   * 发送搜索请求
   */
  searchRequest(){
    //发送搜索的请求
    $.ajax({
      method: "POST",
      url: $.url.search,
      data: {
        keyword: this.data.keyword,
        guiges: JSON.stringify(this.data.queryGuige)
      },
      success: (data) => {
        this.setData({
          goodsList: data.goodsList
        });

        if(this.data.fid == -1){
          this.setData({
            fid: data.fid
          });

          //再次发送请求，根据分类id查询规格列表'
          this.queryGuigeList();
        }
      }
    });
  },

  /**
   * 根据分类id 查询规格列表
   */
  queryGuigeList(){
    $.ajax({
      url: $.url.guigeListByFid,
      data: {
        fid: this.data.fid
      },
      success: (data) => {
        this.setData({
          guigeList: data
        });
      }
    });
  },
  
  /**
   * 选中了新的规格id
   */
  guigeChanged(data){
    console.log(data.detail.value);
    var v = data.detail.value;
    var vs = v.split("-");
    var gid = vs[0];
    var gval = vs[1];

    this.data.queryGuige[gid] = gval;
    //重新发送搜索请求
    this.searchRequest();
  },

  /**
   * 跳转到商品详情页面
   */
  goItem(data){
    var gid = data.currentTarget.dataset.item;
    wx.navigateTo({
      url: '/pages/goodsitem/goodsitem?gid=' + gid,
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      keyword: options.keyword
    });

    //调用搜索的方法
    this.searchRequest();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})